﻿@model GPS.ENTITYS.ViewModelDKH_DT
@using PagedList.Mvc;
@using GPS.Helpers;
@{
    ViewBag.Title = "Khóa Học";
}
@*<script src="~/Scripts/jquery-1.10.2.js"></script>*@


<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/datepicker.js"></script>
@*<script src="~/Scripts/jquery-2.1.4.js"></script>*@

<div class="container fdb-div-content fdb-div-corner-all">
    <h3 class="text-center fdb-title-search-form">Lập kế hoạch đào tạo</h3>
    <div class="row">
        <div class="row">
            @using (Html.BeginForm("Index", "GPS_KhoaHoc", FormMethod.Get))
            {
                <div class="list-group">
                    <fieldset class="fs_body">
                        <input type="hidden" id="CheckUser" value="@ViewBag.checkuser" />

                        <legend class="head_title">Điều Kiện Tìm Kiếm</legend>
                        <div class="row criteria_search">
                            <div class="row margin-top-05">
                                <div class="col-md-2 control-label">
                                    Đơn vị đào tạo:
                                </div>
                                <div class="col-md-4">
                                    @*@Html.TextBoxFor(model => model.pKH_DVGTVT_MA, new { @class = "form-control", @id = "DVGTVT_MA" })*@
                                    @Html.DropDownListFor(model => model.pKH_DVGTVT_MA, (SelectList)ViewBag.DVGTVT_MAs, "---Lựa chọn--", new { @class = "form-control", @id = "DVGTVT_MA" })
                                    @*<span id="rDataDVGTVT_MA" style="width:500px"></span>*@
                                    @Html.ValidationMessageFor(model => model.pKH_DVGTVT_MA)
                                    <div class="help-tip">
                                        <p>Gõ mã hoặc tên đơn vị để hiển thị danh sách đơn vị </p>
                                    </div>
                                </div>
                                <div class="col-md-2 control-label">
                                    Khóa Học:
                                </div>
                                <div class="col-md-4">
                                    @*@Html.TextBoxFor(model => model.pKH_MA, new { @class = "form-control", @id = "KH_MA" })*@
                                    @Html.DropDownListFor(model => model.pKH_MA, (SelectList)ViewBag.KH_MAs, string.Empty, new { @title = "Vui lòng chọn khóa học...", @id = "KH_MA", @style = "font-weight:bold;width:300px" })
                                    @*<span id="rDataHV_KH_MA" style="width:500px"></span>*@
                                    @Html.ValidationMessageFor(model => model.pKH_MA)
                                    <div class="help-tip">
                                        <p>Gõ mã hoặc tên khóa học để hiển thị danh sách khóa học </p>
                                    </div>
                                </div>
                            </div>

                            <div class="row margin-top-05">
                                <div class="col-md-2 control-label">
                                    Số QĐKG:
                                </div>
                                <div class="col-md-4">
                                    @Html.TextBoxFor(model => model.pKH_SOQDKG, new { @class = "form-control" })
                                </div>
                            </div>
                            <div class="row margin-top-05" id="divbaocaotuan">
                                <div class="col-md-2 control-label">
                                    Ngày khai giảng:
                                </div>
                                <div class="col-md-1 control-label">
                                    Từ ngày:
                                </div>
                                <div class="col-md-3">
                                    @Html.TextBoxFor(model => model.pKH_NGAYQDKG_TU, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                                </div>
                                <div class="col-md-2 control-label">
                                    Đến ngày:
                                </div>
                                <div class="col-md-4">
                                    @Html.TextBoxFor(model => model.pKH_NGAYQDKG_DEN, "{0:dd/MM/yyyy}", new { @class = "form-control" })
                                </div>
                            </div>
                            <div class="row margin-top-05" id="divbaocaotuan">
                                <div class="col-md-2 control-label">
                                    Chọn năm tiến độ:
                                </div>
                              
                                <div class="col-md-3">
                                    @Html.DropDownListFor(model => model.pNAM, (SelectList)ViewBag.NAM_VALUE_DDL, string.Empty, new { @class = "form-control" })
                                </div>
                              
                            </div>
                        </div>
                        <div class="row margin-top-05 btn_search">
                            <button type="submit" id="btnExpKeHoachSatHach" class="btn btn-primary btn-sm" name="SearchButton" title="In kế hoạch sát hạch" value="In kế hoạch sát hạch">
                                <i class="fa fa-file-archive-o" aria-hidden="true"></i> In kế hoạch sát hạch
                            </button>
                            <button type="submit" id="btnExpKeHoachDaoTao" class="btn btn-primary btn-sm" name="SearchButton" title="In kế hoạch đào tạo" value="In kế hoạch đào tạo">
                                <i class="fa fa-file-archive-o" aria-hidden="true"></i> In kế hoạch đào tạo
                            </button>
                            <button type="submit" id="btnExpLuuLuong" class="btn btn-primary btn-sm" name="SearchButton" title="In lưu lượng đào tạo" value="In lưu lượng đào tạo">
                                <i class="fa fa-file-archive-o" aria-hidden="true"></i> In lưu lượng đào tạo
                            </button>
                            <button type="submit" id="btnExpTienDo" class="btn btn-primary btn-sm" name="SearchButton" title="In tiến độ đào tạo" value="In tiến độ đào tạo">
                                <i class="fa fa-file-archive-o" aria-hidden="true"></i> In tiến độ đào tạo
                            </button>
                            <button type="submit" id="btnExpDanhSach" class="btn btn-primary btn-sm" name="SearchButton" title="In danh sách khóa học" value="Xuất Excel">
                                <i class='fa fa-file-excel-o'></i> In danh sách khóa học
                            </button>
                            <button type="submit" class="btn btn-warning btn-sm" name="SearchButton" value="Tìm kiếm">
                                <span class="glyphicon glyphicon-search"></span> Tìm kiếm
                            </button>
                        </div>
                    </fieldset>
                </div>
            }
        </div>
        <div class="row">
            <fieldset class="fs_body">
                <legend class="head_title">Kết quả tìm kiếm</legend>
                <div class="row divbtnFielset">
                    <div style="float: right;">
                        <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label>
                        <input type="hidden" id="TotalRow" value="@ViewBag.TotalRow" />
                    </div>
                </div>
                <div class="row" style="clear:both; padding: 5px 0;">
                    <table class="table table-hover table-bordered table-condensed">
                        <tr>
                            <th>
                                STT
                            </th>
                            <th>
                                Mã Khóa Học
                            </th>
                            <th>
                                Tên Khóa Học
                            </th>
                            <th>
                                Hạng đào tạo
                            </th>
                            <th>
                                Số quyết định khai giảng
                            </th>
                            <th>
                                Ngày khai giảng
                            </th>
                            <th>
                                Ngày bế giảng
                            </th>
                            <th>
                                Thao tác
                            </th>
                        </tr>
                        @{
                            if (Model.SearchResults != null)
                            {
                                foreach (var item in Model.SearchResults)
                                {
                        <tr>
                            <td align="center">
                                @Html.DisplayFor(modelItem => item.STT)
                            </td>
                            <td align="center">
                                @Html.DisplayFor(modelItem => item.KH_MA)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.KH_TEN)
                            </td>
                            <td align="center">
                                @Html.DisplayFor(modelItem => (item.KH_HANGDT_MA))
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => (item.KH_SOQDKG))
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => (item.KH_NGAYKG))
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => (item.KH_NGAYBG))
                            </td>
                            <td align="center">
                                <a href="@Url.Action("_Detail", "GPS_KhoaHoc", new { id = item.KH_MA, id1= item.KH_DVGTVT_MA })" data-modal="">
                                    <img src="@Url.Content("~/fonts/grid-view-icon.png")" title="Xem chi tiết khóa học" />
                                </a>
                                <a href="@Url.Action("ExportWord", "GPS_KhoaHoc", new { id = item.KH_MA, id1 = item.KH_DVGTVT_MA })">
                                    <img src="@Url.Content("~/fonts/word.png")" title="In chi tiết khóa học" />
                                </a>
                                <a href="@Url.Action("ExportWord_KHTDT", "GPS_KhoaHoc", new { id = item.KH_DVGTVT_MA, id1 = item.KH_MA })" title="In kế hoạch đào tạo">
                                    <i class="fa fa-print" aria-hidden="true"></i>
                                </a>
                                @*<a href="@Url.Action("ExportWord_DKSH", "GPS_KhoaHoc", new { id = item.KH_DVGTVT_MA, id1 = item.KH_MA })" title="In đăng ký sát hạch">
                                    <i class="fa fa-print" aria-hidden="true"></i>
                                </a>*@
                            </td>
                        </tr>
                                }
                            }
                        }

                    </table>
                </div>

                <div class="pagination-sm row" style="clear:both; padding: 5px 0;">
                    @Html.PagedListPager(Model.SearchResults, page => Url.Action("Index", new
   {
       page,
       Model.pKH_MA,
       Model.pKH_SOQDKG,
       Model.pKH_DVGTVT_MA,
       Model.pKH_NGAYQDKG_TU,
       Model.pKH_NGAYQDKG_DEN,
       Model.pKH_TEN,
       Model.SearchButton
   }))
                </div>
            </fieldset>
        </div>
    </div>
</div>


<!-- delete modal placeholder-->
<div id='deleteModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='deleteModalContent'></div>
        </div>
    </div>
</div>

<!-- modal placeholder-->
<div id='myModal' class='modal fade in'>
    <div class="modal-dialog">
        <div class="modal-content">
            <div id='myModalContent'></div>
        </div>
    </div>
</div>


@section Scripts {
    @Scripts.Render("~/bundles/modalform")
    
}


<link href="~/Scripts/select2.css" rel="stylesheet" />
<link href="~/Scripts/select2.min.css" rel="stylesheet" />
<script src="~/Scripts/select2.js"></script>


<script>
    $("#pKH_NGAYQDKG_TU").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });
    $("#pKH_NGAYQDKG_TU").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });

    $("#pKH_NGAYQDKG_DEN").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });
    $("#pKH_NGAYQDKG_DEN").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });


    $(function () {
        $(document).tooltip();
    });

    $(document).ready(function () {

            var pageSize = 20;
        var optionListUrl = '@Url.Action("Select2KH_MA", "GPS_Ajax")';

        $('#KH_MA').select2(
                {
                    ajax: {
                        delay: 50,
                        url: optionListUrl,
                        dataType: 'json',

                        data: function (params) {
                            /// params.page = params.page || 1;
                            return {
                                searchTerm: params.term,// + "#" + $("#DVGTVT_MA").val(),
                                dvgtvt_ma: $("#DVGTVT_MA").val()
                                //pageNumber: params.page results: JSON.parse(data)
                            };
                        },
                        processResults: function (data, params) {

                            return {
                                results: data.Results
                            };
                        }
                    },
                    placeholder: "-- Chọn khóa học --",
                    minimumInputLength: 2,
                    allowClear: true,
                    language: { inputTooShort: function () { return 'Nhập lớn hơn 2 ký tự để tìm kiếm khóa học'; } }
                });




        var _var = $("#CheckUser").val();
        if (_var != '40' && _var != null && _var != "") {
            $("#DVGTVT_MA").attr("disabled", "disabled");
        }

        var _varTotal = $("#TotalRow").val();
        if (_varTotal == '0') {
            $("#btnExpKeHoachDaoTao").hide();
            $("#btnExpLuuLuong").hide();
            $("#btnExpTienDo").hide();
            $("#btnExpDanhSach").hide();
            $("#btnExpKeHoachSatHach").hide();
            
        } else {
            $("#btnExpKeHoachDaoTao").show();
            $("#btnExpLuuLuong").show();
            $("#btnExpTienDo").show();
            $("#btnExpDanhSach").show();
            $("#btnExpKeHoachSatHach").show();
        }

        $("input").bind("keydown", function (event) {
            // track enter key
            var keycode = (event.keyCode ? event.keyCode : (event.which ? event.which : event.charCode));
            if (keycode == 13) { // keycode for enter key
                // force the 'Enter Key' to implicitly click the Update button
                document.getElementById('btnSearch').click();
                return false;
            } else {
                return true;
            }
        });

        $('.btn-file :file').on('fileselect', function (event, numFiles, label) {

            var input = $(this).parents('.input-group').find(':text'),
                log = numFiles > 1 ? numFiles + ' files selected' : label;

            if (input.length) {
                input.val(log);
            } else {
                if (log) alert(log);
            }

        });

        //$("#DVGTVT_MA").autocomplete({
        //    source: function (request, response) {
        //        $.ajax({
        //            url: "/GPS_KhoaHoc/AutoCompleteDVGTVT_MA",
        //            type: "POST",
        //            dataType: "json",
        //            data: { term: request.term },
        //            success: function (data) {
        //                response($.map(data, function (item) {
        //                    return { label: item.DVGTVT_TEN, value: item.DVGTVT_MA + ':' + item.DVGTVT_TEN };
        //                }))
        //            }
        //        })
        //    },
        //    messages: {
        //        noResults: "", results: ""
        //    }
        //}).click(function () {
        //    $(this).val("");
        //    $(this).autocomplete("search");
        //});

        //$("#KH_MA").autocomplete({
        //    source: function (request, response) {
        //        $.ajax({
        //            url: "/GPS_KhoaHoc/AutoCompleteKH_MA",
        //            type: "POST",
        //            dataType: "json",
        //            data: {
        //                term: request.term,
        //                dvgtvt_ma: $("#DVGTVT_MA").val()
        //            },
        //            minLength: 4,
        //            success: function (data) {
        //                response($.map(data, function (item) {
        //                    return { label: item.KH_TEN, value: item.KH_MA + ':' + item.KH_TEN };
        //                }))
        //            }
        //        })
        //    },
        //}).click(function (event, ui) {
        //    var _val = $("#DVGTVT_MA").val();
        //    if (_val == "" || _val == null) {
        //        alert('Bạn muốn tìm kiếm khóa học. Bạn phải nhập đơn vị đào tạo!');
        //    } else {
        //        $(this).val("");
        //        $(this).autocomplete("search");
        //    }
        //});





        $("#btnExpLuuLuong").click(function () {
            var _var = $("#DVGTVT_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in lưu lượng đào tạo. Bạn phải nhập đơn vị đào tạo!");
                return false;
            } else {
                return true;
            }
        });

        $("#btnExpTienDo").click(function () {
            var _var = $("#DVGTVT_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in tiến độ đào tạo. Bạn phải nhập đơn vị đào tạo!");
                return false;
            } else {
                return true;
            }
        });
        $("#btnExpKeHoachDaoTao").click(function () {
            var _var = $("#KH_MA").val();
            if (_var == "" || _var == null) {
                alert("CHÚ Ý: Bạn muốn in kế hoạch đào tạo. Bạn phải nhập khóa học!");
                return false;
            } else {
                return true;
            }
        });
    });
</script>

